<template>
	<view class="searchBar_container">
		<tn-search-box class="search_box" :search-button-text="t('common.search')"
			:placeholder="t('common.placeholder')" search-button-bg-color='#FD2D55' @click="clickBtn" />
	</view>
</template>

<script setup>
	import {
		ref
	} from "vue"
	import {
		useI18n
	} from 'vue-i18n'

	const {
		t
	} = useI18n()
	const emits = defineEmits(['clickBtn'])
	const clickBtn = () => {
		console.log('clickBtn');
		emits('clickBtn')
	}
</script>

<style lang="scss">
	.search_box {
		background-color: white !important;
	}
</style>